:root{--primary:#c91010;--secondary:#2a2a2a;--highlight:#1edfff;--text:#f5f5f5}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}html{height:100%;margin:0;background-color:#121212;background-image:repeating-linear-gradient(-45deg,#1c1c1c,#1c1c1c 4px,#141414 4px,#141414 8px),repeating-linear-gradient(45deg,#1c1c1c,#1c1c1c 4px,#141414 4px,#141414 8px);background-size:1600px 1600px;background-attachment:fixed}body{font-family:Roboto,sans-serif;color:var(--text);margin:0;line-height:1.6}h1{text-align:center}.headerImage{display:block;width:15vw;margin:auto;padding-top:2%;padding-bottom:20px;cursor:pointer;transition:opacity .3s;opacity:1;border-radius:2em}.headerImage:hover{background:linear-gradient(145deg,var(--primary),var(--secondary));transform:translateY(-2px);box-shadow:0 0 12px var(--primary)}.siteHeader{top:0;z-index:1000;border-radius:1em}ul{list-style-type:square}select{display:inline-block;text-align:center;text-decoration:none;color:var(--text);cursor:pointer;background:linear-gradient(145deg,var(--primary),var(--secondary));border:none;border-radius:2rem;padding:.75em 1.5em;font-weight:700;transition:all .3s ease;margin-top:.5em}select:hover{box-shadow:0 0 12px var(--primary)}select option{background-color:var(--secondary);color:var(--text);padding:.5em 1em}select option:hover{background:var(--highlight)}.topNav{font:italic bold 1em sans-serif;margin:auto;background-color:rgba(0,0,0,.349);padding:10px;box-sizing:border-box;box-shadow:0 4px 6px rgba(0,0,0,.363);text-align:center;display:flex;justify-content:center;position:sticky;top:0;z-index:1000;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.topNav ul{list-style-type:none;margin:0;padding:0}.topNav li{border-radius:2em;display:inline-block;margin:2px 10px 2px 0}.topNav a{color:var(--text);text-decoration:none;padding:5px;transition:transform .3s ease}.topNav a:hover{border-radius:2em;background:linear-gradient(145deg,var(--primary),var(--secondary));transform:translateY(-2px);box-shadow:0 0 12px var(--primary)}.shortcutNav{width:20em;position:fixed;height:40%;overflow-y:auto}.listIndex{display:inline-block;width:200px}section:nth-child(2n){background-color:rgba(10,10,10,.5)}a{border-radius:2em;color:var(--text);text-decoration:none;transition:color .3s ease,transform .3s ease}a:hover{background:linear-gradient(145deg,var(--primary),var(--secondary));transform:translateY(-2px);box-shadow:0 0 12px var(--primary)}.download{background-color:rgba(0,0,0,.5);color:var(--text);font:bold 1em sans-serif;text-decoration:none;text-align:center;background:linear-gradient(145deg,var(--primary),var(--secondary));border:none;border-radius:2rem;padding:.75em 1.5em;font-weight:700;transition:all .3s ease}.download:hover{transform:translateY(-2px);box-shadow:0 0 12px var(--primary)}.appIcon{display:inline-block;vertical-align:top;padding:0 50px}.changes,.fixes,.knownIssues,.notes{list-style-type:disc}.sidebar{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;overflow-x:hidden;transition:.2s;margin-top:15em;background:rgba(20,20,20,.8);border:1px solid var(--secondary);border-radius:1rem;box-shadow:0 4px 15px rgba(0,0,0,.4)}.sidebar a{padding-bottom:1em;padding-left:1em;font:italic bold 0.8em sans-serif;text-decoration:none;color:var(--text);display:block;transition:.1s;margin:.5em}.sidebar .closebtn{margin-top:.1em;position:absolute;top:0;right:.5em;font-size:36px;padding:.5em}#openBtn{position:fixed;top:30vh;left:0;height:5em;font-size:24px;padding:0;border-top-right-radius:1em;border-bottom-right-radius:1em;border-bottom-left-radius:0;border-top-left-radius:0;color:var(--text);background-color:rgba(0,0,0,.5);cursor:pointer}#openBtn:hover{background:linear-gradient(145deg,var(--primary),var(--secondary));transform:translateY(-2px);box-shadow:0 0 12px var(--primary)}#main{transition:margin-left .5s;padding:16px}.center,.homepage{text-align:center}.deviceList{list-style-type:none}.table-container{background:rgba(20,20,20,.8);border:1px solid var(--secondary);border-radius:1rem;box-shadow:0 4px 15px rgba(0,0,0,.4);margin:0 auto 5px;margin-top:1em;width:90%;padding:1em;font:italic bold 1em sans-serif;border-radius:1em;overflow:hidden}table{background:rgba(20,20,20,.8);border:1px solid var(--secondary);border-radius:1rem;box-shadow:0 4px 15px rgba(0,0,0,.4);margin:0 auto 5px;margin-top:1em;width:90%;padding:1em;font:italic bold 1em sans-serif;width:70%;max-width:1000px;margin:0 auto}td,th{background:rgba(20,20,20,.8);border:1px solid var(--secondary);border-radius:1rem;box-shadow:0 4px 15px rgba(0,0,0,.4);padding:1em;font:italic bold 1em sans-serif;text-align:center}th{background-color:var(--primary)}.pressed{background-color:var(--primary);color:var(--text)}.controller-container{display:flex;justify-content:space-between;margin:0 auto;width:70%;max-width:1000px}.controller{position:relative;width:100px;height:100px;background-color:#0c0c0c;border:.2em solid var(--primary);border-radius:50%}.hat-button{position:absolute;width:25px;height:25px;background-color:var(--primary);border-radius:50%;transition:background-color .3s ease}.center-button{position:absolute;width:40px;height:40px;background-color:var(--primary);border-radius:50%;top:30px;left:30px;z-index:1}.up{top:5px;left:37.5px}.down{bottom:5px;left:37.5px}.left{top:37.5px;left:5px}.right{top:37.5px;right:5px}.slider-container{width:49%;max-width:700px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.axis-container{display:flex;flex-direction:column;align-items:center}.axis-label{margin-bottom:5px}.analog-slider{width:100%}.percentage-label{margin-top:5px}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;text-align:center;text-decoration:none;color:var(--text);cursor:pointer;background:linear-gradient(145deg,var(--primary),var(--secondary));border:none;border-radius:2rem;padding:.75em 1.5em;font-weight:700;transition:all .3s ease}.button:hover{transform:translateY(-2px);box-shadow:0 0 12px var(--primary)}.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5;display:none}.deviceName{background-color:#333;border-radius:1em;border:.2vw solid var(--primary);text-decoration:none;color:var(--text);padding:20px}.customisationBox{width:auto;display:block;margin-bottom:.5rem;font-weight:600;border-color:var(--primary);border-style:solid;border-radius:1em}.customizer{color:#fff;padding:5px 10px;margin-bottom:0;background-color:var(--primary);border:1px solid #000;border-radius:1em;box-shadow:none;box-sizing:border-box}.deviceGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.deviceItem{white-space:normal;padding:.5rem;text-align:center}.DeviceImage{width:100%;max-width:150px;height:auto;display:block;margin:0 auto 10px auto}[hidden],fieldset[disabled]{display:none!important}@media screen and (max-width:768px){.topNav{position:static;top:0;left:-100%;height:100%;width:250px;background:rgba(18,18,18,.95);flex-direction:column;align-items:start;padding-top:60px;z-index:1000;transition:left .3s ease}.shortcutNav,.siteHeader,.topNav,section{width:90%;padding:1em}.shortcutNav{width:80%;height:50%}.sidebar{padding-top:20px}#openBtn{font-size:30px}}#gamepadTable tr.selected td{border:1px solid var(--secondary);border-radius:2rem;background:linear-gradient(145deg,var(--primary),var(--secondary))}.device-select-tester{background:rgba(0,0,0,0);border:none;margin:0;width:100%}.deviceName,.shortcutNav,fieldset,section{background:rgba(20,20,20,.8);border:1px solid var(--secondary);border-radius:1rem;box-shadow:0 4px 15px rgba(0,0,0,.4);margin:0 auto 5px;margin-top:1em;width:90%;padding:1em;font:italic bold 1em sans-serif}